@charset "UTF-8";  
/*!  
Animate.css - http://daneden.me/animate  
Licensed under the MIT license - http://opensource.org/licenses/MIT  
  
Copyright (c) 2014 Daniel Eden  
*/ 
.animated {  
  -webkit-animation-duration: 1s;  
          animation-duration: 1s;  
  -webkit-animation-fill-mode: both;  
          animation-fill-mode: both;  
}  
  
.animated.infinite {  
  -webkit-animation-iteration-count: infinite;  
          animation-iteration-count: infinite;  
}  
  
.animated.hinge {  
  -webkit-animation-duration: 2s;  
          animation-duration: 2s;  
}  
  
@-webkit-keyframes bounce {  
  0%, 20%, 53%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
    -webkit-transform: translate3d(0,0,0);  
            transform: translate3d(0,0,0);  
  }  
  
  40%, 43% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -30px, 0);  
            transform: translate3d(0, -30px, 0);  
  }  
  
  70% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -15px, 0);  
            transform: translate3d(0, -15px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0,-4px,0);  
            transform: translate3d(0,-4px,0);  
  }  
}  
  
@keyframes bounce {  
  0%, 20%, 53%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
    -webkit-transform: translate3d(0,0,0);  
            transform: translate3d(0,0,0);  
  }  
  
  40%, 43% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -30px, 0);  
            transform: translate3d(0, -30px, 0);  
  }  
  
  70% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -15px, 0);  
            transform: translate3d(0, -15px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0,-4px,0);  
            transform: translate3d(0,-4px,0);  
  }  
}  
  
.bounce {  
  -webkit-animation-name: bounce;  
          animation-name: bounce;  
  -webkit-transform-origin: center bottom;  
      -ms-transform-origin: center bottom;  
          transform-origin: center bottom;  
}  
  
@-webkit-keyframes flash {  
  0%, 50%, 100% {  
    opacity: 1;  
  }  
  
  25%, 75% {  
    opacity: 0;  
  }  
}  
  
@keyframes flash {  
  0%, 50%, 100% {  
    opacity: 1;  
  }  
  
  25%, 75% {  
    opacity: 0;  
  }  
}  
  
.flash {  
  -webkit-animation-name: flash;  
          animation-name: flash;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes pulse {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.05, 1.05, 1.05);  
            transform: scale3d(1.05, 1.05, 1.05);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes pulse {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.05, 1.05, 1.05);  
            transform: scale3d(1.05, 1.05, 1.05);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.pulse {  
  -webkit-animation-name: pulse;  
          animation-name: pulse;  
}  
  
@-webkit-keyframes rubberBand {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  30% {  
    -webkit-transform: scale3d(1.25, 0.75, 1);  
            transform: scale3d(1.25, 0.75, 1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(0.75, 1.25, 1);  
            transform: scale3d(0.75, 1.25, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.15, 0.85, 1);  
            transform: scale3d(1.15, 0.85, 1);  
  }  
  
  65% {  
    -webkit-transform: scale3d(.95, 1.05, 1);  
            transform: scale3d(.95, 1.05, 1);  
  }  
  
  75% {  
    -webkit-transform: scale3d(1.05, .95, 1);  
            transform: scale3d(1.05, .95, 1);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes rubberBand {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  30% {  
    -webkit-transform: scale3d(1.25, 0.75, 1);  
            transform: scale3d(1.25, 0.75, 1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(0.75, 1.25, 1);  
            transform: scale3d(0.75, 1.25, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.15, 0.85, 1);  
            transform: scale3d(1.15, 0.85, 1);  
  }  
  
  65% {  
    -webkit-transform: scale3d(.95, 1.05, 1);  
            transform: scale3d(.95, 1.05, 1);  
  }  
  
  75% {  
    -webkit-transform: scale3d(1.05, .95, 1);  
            transform: scale3d(1.05, .95, 1);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.rubberBand {  
  -webkit-animation-name: rubberBand;  
          animation-name: rubberBand;  
}  
  
@-webkit-keyframes shake {  
  0%, 100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
  
  10%, 30%, 50%, 70%, 90% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  20%, 40%, 60%, 80% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
}  
  
@keyframes shake {  
  0%, 100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
  
  10%, 30%, 50%, 70%, 90% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  20%, 40%, 60%, 80% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
}  
  
.shake {  
  -webkit-animation-name: shake;  
          animation-name: shake;  
}  
  
@-webkit-keyframes swing {  
  20% {  
    -webkit-transform: rotate3d(0, 0, 1, 15deg);  
            transform: rotate3d(0, 0, 1, 15deg);  
  }  
  
  40% {  
    -webkit-transform: rotate3d(0, 0, 1, -10deg);  
            transform: rotate3d(0, 0, 1, -10deg);  
  }  
  
  60% {  
    -webkit-transform: rotate3d(0, 0, 1, 5deg);  
            transform: rotate3d(0, 0, 1, 5deg);  
  }  
  
  80% {  
    -webkit-transform: rotate3d(0, 0, 1, -5deg);  
            transform: rotate3d(0, 0, 1, -5deg);  
  }  
  
  100% {  
    -webkit-transform: rotate3d(0, 0, 1, 0deg);  
            transform: rotate3d(0, 0, 1, 0deg);  
  }  
}  
  
@keyframes swing {  
  20% {  
    -webkit-transform: rotate3d(0, 0, 1, 15deg);  
            transform: rotate3d(0, 0, 1, 15deg);  
  }  
  
  40% {  
    -webkit-transform: rotate3d(0, 0, 1, -10deg);  
            transform: rotate3d(0, 0, 1, -10deg);  
  }  
  
  60% {  
    -webkit-transform: rotate3d(0, 0, 1, 5deg);  
            transform: rotate3d(0, 0, 1, 5deg);  
  }  
  
  80% {  
    -webkit-transform: rotate3d(0, 0, 1, -5deg);  
            transform: rotate3d(0, 0, 1, -5deg);  
  }  
  
  100% {  
    -webkit-transform: rotate3d(0, 0, 1, 0deg);  
            transform: rotate3d(0, 0, 1, 0deg);  
  }  
}  
  
.swing {  
  -webkit-transform-origin: top center;  
      -ms-transform-origin: top center;  
          transform-origin: top center;  
  -webkit-animation-name: swing;  
          animation-name: swing;  
}  
  
@-webkit-keyframes tada {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  10%, 20% {  
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
  }  
  
  30%, 50%, 70%, 90% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
  }  
  
  40%, 60%, 80% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes tada {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  10%, 20% {  
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
  }  
  
  30%, 50%, 70%, 90% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
  }  
  
  40%, 60%, 80% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.tada {  
  -webkit-animation-name: tada;  
          animation-name: tada;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes wobble {  
  0% {  
    -webkit-transform: none;  
            transform: none;  
  }  
  
  15% {  
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
  }  
  
  30% {  
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
  }  
  
  45% {  
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
  }  
  
  60% {  
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes wow {  
  0% {  
    -webkit-transform: none;  
            transform: none;  
  }  
  
  15% {  
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
  }  
  
  30% {  
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
  }  
  
  45% {  
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
  }  
  
  60% {  
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.wobble {  
  -webkit-animation-name: wobble;  
          animation-name: wobble;  
}  
  
@-webkit-keyframes bounceIn {  
  0%, 20%, 40%, 60%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  20% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.03, 1.03, 1.03);  
            transform: scale3d(1.03, 1.03, 1.03);  
  }  
  
  80% {  
    -webkit-transform: scale3d(.97, .97, .97);  
            transform: scale3d(.97, .97, .97);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes bounceIn {  
  0%, 20%, 40%, 60%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  20% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.03, 1.03, 1.03);  
            transform: scale3d(1.03, 1.03, 1.03);  
  }  
  
  80% {  
    -webkit-transform: scale3d(.97, .97, .97);  
            transform: scale3d(.97, .97, .97);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.bounceIn {  
  -webkit-animation-name: bounceIn;  
          animation-name: bounceIn;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes bounceInDown {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -3000px, 0);  
            transform: translate3d(0, -3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 25px, 0);  
            transform: translate3d(0, 25px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, 5px, 0);  
            transform: translate3d(0, 5px, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInDown {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -3000px, 0);  
            transform: translate3d(0, -3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 25px, 0);  
            transform: translate3d(0, 25px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, 5px, 0);  
            transform: translate3d(0, 5px, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInDown {  
  -webkit-animation-name: bounceInDown;  
          animation-name: bounceInDown;  
}  
  
@-webkit-keyframes bounceInLeft {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-3000px, 0, 0);  
            transform: translate3d(-3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(25px, 0, 0);  
            transform: translate3d(25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(5px, 0, 0);  
            transform: translate3d(5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInLeft {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-3000px, 0, 0);  
            transform: translate3d(-3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(25px, 0, 0);  
            transform: translate3d(25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(5px, 0, 0);  
            transform: translate3d(5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInLeft {  
  -webkit-animation-name: bounceInLeft;  
          animation-name: bounceInLeft;  
}  
  
@-webkit-keyframes bounceInRight {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(3000px, 0, 0);  
            transform: translate3d(3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(-25px, 0, 0);  
            transform: translate3d(-25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(-5px, 0, 0);  
            transform: translate3d(-5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInRight {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(3000px, 0, 0);  
            transform: translate3d(3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(-25px, 0, 0);  
            transform: translate3d(-25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(-5px, 0, 0);  
            transform: translate3d(-5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInRight {  
  -webkit-animation-name: bounceInRight;  
          animation-name: bounceInRight;  
}  
  
@-webkit-keyframes bounceInUp {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 3000px, 0);  
            transform: translate3d(0, 3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, -5px, 0);  
            transform: translate3d(0, -5px, 0);  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
}  
  
@keyframes bounceInUp {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 3000px, 0);  
            transform: translate3d(0, 3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, -5px, 0);  
            transform: translate3d(0, -5px, 0);  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
}  
  
.bounceInUp {  
  -webkit-animation-name: bounceInUp;  
          animation-name: bounceInUp;  
}  
  
@-webkit-keyframes bounceOut {  
  20% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  50%, 55% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
}  
  
@keyframes bounceOut {  
  20% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  50%, 55% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
}  
  
.bounceOut {  
  -webkit-animation-name: bounceOut;  
          animation-name: bounceOut;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes bounceOutDown {  
  20% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
@keyframes bounceOutDown {  
  20% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
.bounceOutDown {  
  -webkit-animation-name: bounceOutDown;  
          animation-name: bounceOutDown;  
}  
  
@-webkit-keyframes bounceOutLeft {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(20px, 0, 0);  
            transform: translate3d(20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
@keyframes bounceOutLeft {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(20px, 0, 0);  
            transform: translate3d(20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
.bounceOutLeft {  
  -webkit-animation-name: bounceOutLeft;  
          animation-name: bounceOutLeft;  
}  
  
@-webkit-keyframes bounceOutRight {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(-20px, 0, 0);  
            transform: translate3d(-20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
@keyframes bounceOutRight {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(-20px, 0, 0);  
            transform: translate3d(-20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
.bounceOutRight {  
  -webkit-animation-name: bounceOutRight;  
          animation-name: bounceOutRight;  
}  
  
@-webkit-keyframes bounceOutUp {  
  20% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 20px, 0);  
            transform: translate3d(0, 20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
@keyframes bounceOutUp {  
  20% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 20px, 0);  
            transform: translate3d(0, 20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
.bounceOutUp {  
  -webkit-animation-name: bounceOutUp;  
          animation-name: bounceOutUp;  
}  
  
@-webkit-keyframes fadeIn {  
  0% {opacity: 0;}  
  100% {opacity: 1;}  
}  
  
@keyframes fadeIn {  
  0% {opacity: 0;}  
  100% {opacity: 1;}  
}  
  
.fadeIn {  
  -webkit-animation-name: fadeIn;  
          animation-name: fadeIn;  
}  
  
@-webkit-keyframes fadeInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInDown {  
  -webkit-animation-name: fadeInDown;  
          animation-name: fadeInDown;  
}  
  
@-webkit-keyframes fadeInDownBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInDownBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInDownBig {  
  -webkit-animation-name: fadeInDownBig;  
          animation-name: fadeInDownBig;  
}  
  
@-webkit-keyframes fadeInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInLeft {  
  -webkit-animation-name: fadeInLeft;  
          animation-name: fadeInLeft;  
}  
  
@-webkit-keyframes fadeInLeftBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInLeftBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInLeftBig {  
  -webkit-animation-name: fadeInLeftBig;  
          animation-name: fadeInLeftBig;  
}  
  
@-webkit-keyframes fadeInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInRight {  
  -webkit-animation-name: fadeInRight;  
          animation-name: fadeInRight;  
}  
  
@-webkit-keyframes fadeInRightBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInRightBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInRightBig {  
  -webkit-animation-name: fadeInRightBig;  
          animation-name: fadeInRightBig;  
}  
  
@-webkit-keyframes fadeInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInUp {  
  -webkit-animation-name: fadeInUp;  
          animation-name: fadeInUp;  
}  
  
@-webkit-keyframes fadeInUpBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInUpBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInUpBig {  
  -webkit-animation-name: fadeInUpBig;  
          animation-name: fadeInUpBig;  
}  
  
@-webkit-keyframes fadeOut {  
  0% {opacity: 1;}  
  100% {opacity: 0;}  
}  
  
@keyframes fadeOut {  
  0% {opacity: 1;}  
  100% {opacity: 0;}  
}  
  
.fadeOut {  
  -webkit-animation-name: fadeOut;  
          animation-name: fadeOut;  
}  
  
@-webkit-keyframes fadeOutDown {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
}  
  
@keyframes fadeOutDown {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
}  
  
.fadeOutDown {  
  -webkit-animation-name: fadeOutDown;  
          animation-name: fadeOutDown;  
}  
  
@-webkit-keyframes fadeOutDownBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
@keyframes fadeOutDownBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
.fadeOutDownBig {  
  -webkit-animation-name: fadeOutDownBig;  
          animation-name: fadeOutDownBig;  
}  
  
@-webkit-keyframes fadeOutLeft {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
}  
  
@keyframes fadeOutLeft {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
}  
  
.fadeOutLeft {  
  -webkit-animation-name: fadeOutLeft;  
          animation-name: fadeOutLeft;  
}  
  
@-webkit-keyframes fadeOutLeftBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
@keyframes fadeOutLeftBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
.fadeOutLeftBig {  
  -webkit-animation-name: fadeOutLeftBig;  
          animation-name: fadeOutLeftBig;  
}  
  
@-webkit-keyframes fadeOutRight {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
}  
  
@keyframes fadeOutRight {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
}  
  
.fadeOutRight {  
  -webkit-animation-name: fadeOutRight;  
          animation-name: fadeOutRight;  
}  
  
@-webkit-keyframes fadeOutRightBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
@keyframes fadeOutRightBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
.fadeOutRightBig {  
  -webkit-animation-name: fadeOutRightBig;  
          animation-name: fadeOutRightBig;  
}  
  
@-webkit-keyframes fadeOutUp {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
}  
  
@keyframes fadeOutUp {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
}  
  
.fadeOutUp {  
  -webkit-animation-name: fadeOutUp;  
          animation-name: fadeOutUp;  
}  
  
@-webkit-keyframes fadeOutUpBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
@keyframes fadeOutUpBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
.fadeOutUpBig {  
  -webkit-animation-name: fadeOutUpBig;  
          animation-name: fadeOutUpBig;  
}  
  
@-webkit-keyframes flip {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  50% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
            transform: perspective(400px) scale3d(.95, .95, .95);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
}  
  
@keyframes flip {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  50% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
            transform: perspective(400px) scale3d(.95, .95, .95);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
}  
  
.animated.flip {  
  -webkit-backface-visibility: visible;  
          backface-visibility: visible;  
  -webkit-animation-name: flip;  
          animation-name: flip;  
}  
  
@-webkit-keyframes flipInX {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
@keyframes flipInX {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
.flipInX {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipInX;  
          animation-name: flipInX;  
}  
  
@-webkit-keyframes flipInY {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
@keyframes flipInY {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
.flipInY {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipInY;  
          animation-name: flipInY;  
}  
  
@-webkit-keyframes flipOutX {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes flipOutX {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
.flipOutX {  
  -webkit-animation-name: flipOutX;  
          animation-name: flipOutX;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
}  
  
@-webkit-keyframes flipOutY {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes flipOutY {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
.flipOutY {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipOutY;  
          animation-name: flipOutY;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes lightSpeedIn {  
  0% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
            transform: translate3d(100%, 0, 0) skewX(-30deg);  
    opacity: 0;  
  }  
  
  60% {  
    -webkit-transform: skewX(20deg);  
            transform: skewX(20deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: skewX(-5deg);  
            transform: skewX(-5deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes lightSpeedIn {  
  0% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
            transform: translate3d(100%, 0, 0) skewX(-30deg);  
    opacity: 0;  
  }  
  
  60% {  
    -webkit-transform: skewX(20deg);  
            transform: skewX(20deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: skewX(-5deg);  
            transform: skewX(-5deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.lightSpeedIn {  
  -webkit-animation-name: lightSpeedIn;  
          animation-name: lightSpeedIn;  
  -webkit-animation-timing-function: ease-out;  
          animation-timing-function: ease-out;  
}  
  
@-webkit-keyframes lightSpeedOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
            transform: translate3d(100%, 0, 0) skewX(30deg);  
    opacity: 0;  
  }  
}  
  
@keyframes lightSpeedOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
            transform: translate3d(100%, 0, 0) skewX(30deg);  
    opacity: 0;  
  }  
}  
  
.lightSpeedOut {  
  -webkit-animation-name: lightSpeedOut;  
          animation-name: lightSpeedOut;  
  -webkit-animation-timing-function: ease-in;  
          animation-timing-function: ease-in;  
}  
  
@-webkit-keyframes rotateIn {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, -200deg);  
            transform: rotate3d(0, 0, 1, -200deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateIn {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, -200deg);  
            transform: rotate3d(0, 0, 1, -200deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateIn {  
  -webkit-animation-name: rotateIn;  
          animation-name: rotateIn;  
}  
  
@-webkit-keyframes rotateInDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInDownLeft {  
  -webkit-animation-name: rotateInDownLeft;  
          animation-name: rotateInDownLeft;  
}  
  
@-webkit-keyframes rotateInDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInDownRight {  
  -webkit-animation-name: rotateInDownRight;  
          animation-name: rotateInDownRight;  
}  
  
@-webkit-keyframes rotateInUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInUpLeft {  
  -webkit-animation-name: rotateInUpLeft;  
          animation-name: rotateInUpLeft;  
}  
  
@-webkit-keyframes rotateInUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -90deg);  
            transform: rotate3d(0, 0, 1, -90deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -90deg);  
            transform: rotate3d(0, 0, 1, -90deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInUpRight {  
  -webkit-animation-name: rotateInUpRight;  
          animation-name: rotateInUpRight;  
}  
  
@-webkit-keyframes rotateOut {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, 200deg);  
            transform: rotate3d(0, 0, 1, 200deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOut {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, 200deg);  
            transform: rotate3d(0, 0, 1, 200deg);  
    opacity: 0;  
  }  
}  
  
.rotateOut {  
  -webkit-animation-name: rotateOut;  
          animation-name: rotateOut;  
}  
  
@-webkit-keyframes rotateOutDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutDownLeft {  
  -webkit-animation-name: rotateOutDownLeft;  
          animation-name: rotateOutDownLeft;  
}  
  
@-webkit-keyframes rotateOutDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutDownRight {  
  -webkit-animation-name: rotateOutDownRight;  
          animation-name: rotateOutDownRight;  
}  
  
@-webkit-keyframes rotateOutUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutUpLeft {  
  -webkit-animation-name: rotateOutUpLeft;  
          animation-name: rotateOutUpLeft;  
}  
  
@-webkit-keyframes rotateOutUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 90deg);  
            transform: rotate3d(0, 0, 1, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 90deg);  
            transform: rotate3d(0, 0, 1, 90deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutUpRight {  
  -webkit-animation-name: rotateOutUpRight;  
          animation-name: rotateOutUpRight;  
}  
  
@-webkit-keyframes hinge {  
  0% {  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  20%, 60% {  
    -webkit-transform: rotate3d(0, 0, 1, 80deg);  
            transform: rotate3d(0, 0, 1, 80deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  40%, 80% {  
    -webkit-transform: rotate3d(0, 0, 1, 60deg);  
            transform: rotate3d(0, 0, 1, 60deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 700px, 0);  
            transform: translate3d(0, 700px, 0);  
    opacity: 0;  
  }  
}  
  
@keyframes hinge {  
  0% {  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  20%, 60% {  
    -webkit-transform: rotate3d(0, 0, 1, 80deg);  
            transform: rotate3d(0, 0, 1, 80deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  40%, 80% {  
    -webkit-transform: rotate3d(0, 0, 1, 60deg);  
            transform: rotate3d(0, 0, 1, 60deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 700px, 0);  
            transform: translate3d(0, 700px, 0);  
    opacity: 0;  
  }  
}  
  
.hinge {  
  -webkit-animation-name: hinge;  
          animation-name: hinge;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes rollIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes rollIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.rollIn {  
  -webkit-animation-name: rollIn;  
          animation-name: rollIn;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes rollOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
  }  
}  
  
@keyframes rollOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
  }  
}  
  
.rollOut {  
  -webkit-animation-name: rollOut;  
          animation-name: rollOut;  
}  
  
@-webkit-keyframes zoomIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  50% {  
    opacity: 1;  
  }  
}  
  
@keyframes zoomIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  50% {  
    opacity: 1;  
  }  
}  
  
.zoomIn {  
  -webkit-animation-name: zoomIn;  
          animation-name: zoomIn;  
}  
  
@-webkit-keyframes zoomInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInDown {  
  -webkit-animation-name: zoomInDown;  
          animation-name: zoomInDown;  
}  
  
@-webkit-keyframes zoomInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInLeft {  
  -webkit-animation-name: zoomInLeft;  
          animation-name: zoomInLeft;  
}  
  
@-webkit-keyframes zoomInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInRight {  
  -webkit-animation-name: zoomInRight;  
          animation-name: zoomInRight;  
}  
  
@-webkit-keyframes zoomInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInUp {  
  -webkit-animation-name: zoomInUp;  
          animation-name: zoomInUp;  
}  
  
@-webkit-keyframes zoomOut {  
  0% {  
    opacity: 1;  
  }  
  
  50% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  100% {  
    opacity: 0;  
  }  
}  
  
@keyframes zoomOut {  
  0% {  
    opacity: 1;  
  }  
  
  50% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  100% {  
    opacity: 0;  
  }  
}  
  
.zoomOut {  
  -webkit-animation-name: zoomOut;  
          animation-name: zoomOut;  
}  
  
@-webkit-keyframes zoomOutDown {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomOutDown {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomOutDown {  
  -webkit-animation-name: zoomOutDown;  
          animation-name: zoomOutDown;  
}  
  
@-webkit-keyframes zoomOutLeft {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
            transform: scale(.1) translate3d(-2000px, 0, 0);  
    -webkit-transform-origin: left center;  
            transform-origin: left center;  
  }  
}  
  
@keyframes zoomOutLeft {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
            transform: scale(.1) translate3d(-2000px, 0, 0);  
    -webkit-transform-origin: left center;  
            transform-origin: left center;  
  }  
}  
  
.zoomOutLeft {  
  -webkit-animation-name: zoomOutLeft;  
          animation-name: zoomOutLeft;  
}  
  
@-webkit-keyframes zoomOutRight {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
            transform: scale(.1) translate3d(2000px, 0, 0);  
    -webkit-transform-origin: right center;  
            transform-origin: right center;  
  }  
}  
  
@keyframes zoomOutRight {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
            transform: scale(.1) translate3d(2000px, 0, 0);  
    -webkit-transform-origin: right center;  
            transform-origin: right center;  
  }  
}  
  
.zoomOutRight {  
  -webkit-animation-name: zoomOutRight;  
          animation-name: zoomOutRight;  
}  
  
@-webkit-keyframes zoomOutUp {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomOutUp {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomOutUp {  
  -webkit-animation-name: zoomOutUp;  
          animation-name: zoomOutUp;  
}  
  
@-webkit-keyframes slideInDown {  
  0% {  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
@keyframes slideInDown {  
  0% {  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
.slideInDown {  
  -webkit-animation-name: slideInDown;  
          animation-name: slideInDown;  
}  
  
@-webkit-keyframes slideInLeft {  
  0% {  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
@keyframes slideInLeft {  
  0% {  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
.slideInLeft {  
  -webkit-animation-name: slideInLeft;  
          animation-name: slideInLeft;  
}  
  
@-webkit-keyframes slideInRight {  
  0% {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
@keyframes slideInRight {  
  0% {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
.slideInRight {  
  -webkit-animation-name: slideInRight;  
          animation-name: slideInRight;  
}  
  
@-webkit-keyframes slideInUp {  
  0% {  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
@keyframes slideInUp {  
  0% {  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
.slideInUp {  
  -webkit-animation-name: slideInUp;  
          animation-name: slideInUp;  
}  
  
@-webkit-keyframes slideOutDown {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
  }  
}  
  
@keyframes slideOutDown {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
  }  
}  
  
.slideOutDown {  
  -webkit-animation-name: slideOutDown;  
          animation-name: slideOutDown;  
}  
  
@-webkit-keyframes slideOutLeft {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
  }  
}  
  
@keyframes slideOutLeft {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
  }  
}  
  
.slideOutLeft {  
  -webkit-animation-name: slideOutLeft;  
          animation-name: slideOutLeft;  
}  
  
@-webkit-keyframes slideOutRight {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
  }  
}  
  
@keyframes slideOutRight {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
  }  
}  
  
.slideOutRight {  
  -webkit-animation-name: slideOutRight;  
          animation-name: slideOutRight;  
}  
  
@-webkit-keyframes slideOutUp {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
  }  
}  
  
@keyframes slideOutUp {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
  }  
}  
  
.slideOutUp {  
  -webkit-animation-name: slideOutUp;  
          animation-name: slideOutUp;  
}  
@charset "UTF-8";  
/*!  
Animate.css - http://daneden.me/animate  
Licensed under the MIT license - http://opensource.org/licenses/MIT  
  
Copyright (c) 2014 Daniel Eden  
*/ 
.animated {  
  -webkit-animation-duration: 1.4s;  
          animation-duration: 1.4s;  
  -webkit-animation-fill-mode: both;  
          animation-fill-mode: both;  
}  
  
.animated.infinite {  
  -webkit-animation-iteration-count: infinite;  
          animation-iteration-count: infinite;  
}  
  
.animated.hinge {  
  -webkit-animation-duration: 2s;  
          animation-duration: 2s;  
}  
  
@-webkit-keyframes bounce {  
  0%, 20%, 53%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
    -webkit-transform: translate3d(0,0,0);  
            transform: translate3d(0,0,0);  
  }  
  
  40%, 43% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -30px, 0);  
            transform: translate3d(0, -30px, 0);  
  }  
  
  70% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -15px, 0);  
            transform: translate3d(0, -15px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0,-4px,0);  
            transform: translate3d(0,-4px,0);  
  }  
}  
  
@keyframes bounce {  
  0%, 20%, 53%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
    -webkit-transform: translate3d(0,0,0);  
            transform: translate3d(0,0,0);  
  }  
  
  40%, 43% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -30px, 0);  
            transform: translate3d(0, -30px, 0);  
  }  
  
  70% {  
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);  
    -webkit-transform: translate3d(0, -15px, 0);  
            transform: translate3d(0, -15px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0,-4px,0);  
            transform: translate3d(0,-4px,0);  
  }  
}  
  
.bounce {  
  -webkit-animation-name: bounce;  
          animation-name: bounce;  
  -webkit-transform-origin: center bottom;  
      -ms-transform-origin: center bottom;  
          transform-origin: center bottom;  
}  
  
@-webkit-keyframes flash {  
  0%, 50%, 100% {  
    opacity: 1;  
  }  
  
  25%, 75% {  
    opacity: 0;  
  }  
}  
  
@keyframes flash {  
  0%, 50%, 100% {  
    opacity: 1;  
  }  
  
  25%, 75% {  
    opacity: 0;  
  }  
}  
  
.flash {  
  -webkit-animation-name: flash;  
          animation-name: flash;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes pulse {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.05, 1.05, 1.05);  
            transform: scale3d(1.05, 1.05, 1.05);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes pulse {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.05, 1.05, 1.05);  
            transform: scale3d(1.05, 1.05, 1.05);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.pulse {  
  -webkit-animation-name: pulse;  
          animation-name: pulse;  
}  
  
@-webkit-keyframes rubberBand {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  30% {  
    -webkit-transform: scale3d(1.25, 0.75, 1);  
            transform: scale3d(1.25, 0.75, 1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(0.75, 1.25, 1);  
            transform: scale3d(0.75, 1.25, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.15, 0.85, 1);  
            transform: scale3d(1.15, 0.85, 1);  
  }  
  
  65% {  
    -webkit-transform: scale3d(.95, 1.05, 1);  
            transform: scale3d(.95, 1.05, 1);  
  }  
  
  75% {  
    -webkit-transform: scale3d(1.05, .95, 1);  
            transform: scale3d(1.05, .95, 1);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes rubberBand {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  30% {  
    -webkit-transform: scale3d(1.25, 0.75, 1);  
            transform: scale3d(1.25, 0.75, 1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(0.75, 1.25, 1);  
            transform: scale3d(0.75, 1.25, 1);  
  }  
  
  50% {  
    -webkit-transform: scale3d(1.15, 0.85, 1);  
            transform: scale3d(1.15, 0.85, 1);  
  }  
  
  65% {  
    -webkit-transform: scale3d(.95, 1.05, 1);  
            transform: scale3d(.95, 1.05, 1);  
  }  
  
  75% {  
    -webkit-transform: scale3d(1.05, .95, 1);  
            transform: scale3d(1.05, .95, 1);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.rubberBand {  
  -webkit-animation-name: rubberBand;  
          animation-name: rubberBand;  
}  
  
@-webkit-keyframes shake {  
  0%, 100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
  
  10%, 30%, 50%, 70%, 90% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  20%, 40%, 60%, 80% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
}  
  
@keyframes shake {  
  0%, 100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
  
  10%, 30%, 50%, 70%, 90% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  20%, 40%, 60%, 80% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
}  
  
.shake {  
  -webkit-animation-name: shake;  
          animation-name: shake;  
}  
  
@-webkit-keyframes swing {  
  20% {  
    -webkit-transform: rotate3d(0, 0, 1, 15deg);  
            transform: rotate3d(0, 0, 1, 15deg);  
  }  
  
  40% {  
    -webkit-transform: rotate3d(0, 0, 1, -10deg);  
            transform: rotate3d(0, 0, 1, -10deg);  
  }  
  
  60% {  
    -webkit-transform: rotate3d(0, 0, 1, 5deg);  
            transform: rotate3d(0, 0, 1, 5deg);  
  }  
  
  80% {  
    -webkit-transform: rotate3d(0, 0, 1, -5deg);  
            transform: rotate3d(0, 0, 1, -5deg);  
  }  
  
  100% {  
    -webkit-transform: rotate3d(0, 0, 1, 0deg);  
            transform: rotate3d(0, 0, 1, 0deg);  
  }  
}  
  
@keyframes swing {  
  20% {  
    -webkit-transform: rotate3d(0, 0, 1, 15deg);  
            transform: rotate3d(0, 0, 1, 15deg);  
  }  
  
  40% {  
    -webkit-transform: rotate3d(0, 0, 1, -10deg);  
            transform: rotate3d(0, 0, 1, -10deg);  
  }  
  
  60% {  
    -webkit-transform: rotate3d(0, 0, 1, 5deg);  
            transform: rotate3d(0, 0, 1, 5deg);  
  }  
  
  80% {  
    -webkit-transform: rotate3d(0, 0, 1, -5deg);  
            transform: rotate3d(0, 0, 1, -5deg);  
  }  
  
  100% {  
    -webkit-transform: rotate3d(0, 0, 1, 0deg);  
            transform: rotate3d(0, 0, 1, 0deg);  
  }  
}  
  
.swing {  
  -webkit-transform-origin: top center;  
      -ms-transform-origin: top center;  
          transform-origin: top center;  
  -webkit-animation-name: swing;  
          animation-name: swing;  
}  
  
@-webkit-keyframes tada {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  10%, 20% {  
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
  }  
  
  30%, 50%, 70%, 90% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
  }  
  
  40%, 60%, 80% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes tada {  
  0% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
  
  10%, 20% {  
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  
  }  
  
  30%, 50%, 70%, 90% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  
  }  
  
  40%, 60%, 80% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  
  }  
  
  100% {  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.tada {  
  -webkit-animation-name: tada;  
          animation-name: tada;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes wobble {  
  0% {  
    -webkit-transform: none;  
            transform: none;  
  }  
  
  15% {  
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
  }  
  
  30% {  
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
  }  
  
  45% {  
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
  }  
  
  60% {  
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes wobble {  
  0% {  
    -webkit-transform: none;  
            transform: none;  
  }  
  
  15% {  
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  
  }  
  
  30% {  
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  
  }  
  
  45% {  
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  
  }  
  
  60% {  
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.wobble {  
  -webkit-animation-name: wobble;  
          animation-name: wobble;  
}  
  
@-webkit-keyframes bounceIn {  
  0%, 20%, 40%, 60%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  20% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.03, 1.03, 1.03);  
            transform: scale3d(1.03, 1.03, 1.03);  
  }  
  
  80% {  
    -webkit-transform: scale3d(.97, .97, .97);  
            transform: scale3d(.97, .97, .97);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
@keyframes bounceIn {  
  0%, 20%, 40%, 60%, 80%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  20% {  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  40% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.03, 1.03, 1.03);  
            transform: scale3d(1.03, 1.03, 1.03);  
  }  
  
  80% {  
    -webkit-transform: scale3d(.97, .97, .97);  
            transform: scale3d(.97, .97, .97);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: scale3d(1, 1, 1);  
            transform: scale3d(1, 1, 1);  
  }  
}  
  
.bounceIn {  
  -webkit-animation-name: bounceIn;  
          animation-name: bounceIn;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes bounceInDown {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -3000px, 0);  
            transform: translate3d(0, -3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 25px, 0);  
            transform: translate3d(0, 25px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, 5px, 0);  
            transform: translate3d(0, 5px, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInDown {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -3000px, 0);  
            transform: translate3d(0, -3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 25px, 0);  
            transform: translate3d(0, 25px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, 5px, 0);  
            transform: translate3d(0, 5px, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInDown {  
  -webkit-animation-name: bounceInDown;  
          animation-name: bounceInDown;  
}  
  
@-webkit-keyframes bounceInLeft {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-3000px, 0, 0);  
            transform: translate3d(-3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(25px, 0, 0);  
            transform: translate3d(25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(5px, 0, 0);  
            transform: translate3d(5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInLeft {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-3000px, 0, 0);  
            transform: translate3d(-3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(25px, 0, 0);  
            transform: translate3d(25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(-10px, 0, 0);  
            transform: translate3d(-10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(5px, 0, 0);  
            transform: translate3d(5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInLeft {  
  -webkit-animation-name: bounceInLeft;  
          animation-name: bounceInLeft;  
}  
  
@-webkit-keyframes bounceInRight {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(3000px, 0, 0);  
            transform: translate3d(3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(-25px, 0, 0);  
            transform: translate3d(-25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(-5px, 0, 0);  
            transform: translate3d(-5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes bounceInRight {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(3000px, 0, 0);  
            transform: translate3d(3000px, 0, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(-25px, 0, 0);  
            transform: translate3d(-25px, 0, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(10px, 0, 0);  
            transform: translate3d(10px, 0, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(-5px, 0, 0);  
            transform: translate3d(-5px, 0, 0);  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.bounceInRight {  
  -webkit-animation-name: bounceInRight;  
          animation-name: bounceInRight;  
}  
  
@-webkit-keyframes bounceInUp {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 3000px, 0);  
            transform: translate3d(0, 3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, -5px, 0);  
            transform: translate3d(0, -5px, 0);  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
}  
  
@keyframes bounceInUp {  
  0%, 60%, 75%, 90%, 100% {  
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  
  }  
  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 3000px, 0);  
            transform: translate3d(0, 3000px, 0);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  75% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  90% {  
    -webkit-transform: translate3d(0, -5px, 0);  
            transform: translate3d(0, -5px, 0);  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 0, 0);  
            transform: translate3d(0, 0, 0);  
  }  
}  
  
.bounceInUp {  
  -webkit-animation-name: bounceInUp;  
          animation-name: bounceInUp;  
}  
  
@-webkit-keyframes bounceOut {  
  20% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  50%, 55% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
}  
  
@keyframes bounceOut {  
  20% {  
    -webkit-transform: scale3d(.9, .9, .9);  
            transform: scale3d(.9, .9, .9);  
  }  
  
  50%, 55% {  
    opacity: 1;  
    -webkit-transform: scale3d(1.1, 1.1, 1.1);  
            transform: scale3d(1.1, 1.1, 1.1);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
}  
  
.bounceOut {  
  -webkit-animation-name: bounceOut;  
          animation-name: bounceOut;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes bounceOutDown {  
  20% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
@keyframes bounceOutDown {  
  20% {  
    -webkit-transform: translate3d(0, 10px, 0);  
            transform: translate3d(0, 10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, -20px, 0);  
            transform: translate3d(0, -20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
.bounceOutDown {  
  -webkit-animation-name: bounceOutDown;  
          animation-name: bounceOutDown;  
}  
  
@-webkit-keyframes bounceOutLeft {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(20px, 0, 0);  
            transform: translate3d(20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
@keyframes bounceOutLeft {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(20px, 0, 0);  
            transform: translate3d(20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
.bounceOutLeft {  
  -webkit-animation-name: bounceOutLeft;  
          animation-name: bounceOutLeft;  
}  
  
@-webkit-keyframes bounceOutRight {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(-20px, 0, 0);  
            transform: translate3d(-20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
@keyframes bounceOutRight {  
  20% {  
    opacity: 1;  
    -webkit-transform: translate3d(-20px, 0, 0);  
            transform: translate3d(-20px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
.bounceOutRight {  
  -webkit-animation-name: bounceOutRight;  
          animation-name: bounceOutRight;  
}  
  
@-webkit-keyframes bounceOutUp {  
  20% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 20px, 0);  
            transform: translate3d(0, 20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
@keyframes bounceOutUp {  
  20% {  
    -webkit-transform: translate3d(0, -10px, 0);  
            transform: translate3d(0, -10px, 0);  
  }  
  
  40%, 45% {  
    opacity: 1;  
    -webkit-transform: translate3d(0, 20px, 0);  
            transform: translate3d(0, 20px, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
.bounceOutUp {  
  -webkit-animation-name: bounceOutUp;  
          animation-name: bounceOutUp;  
}  
  
@-webkit-keyframes fadeIn {  
  0% {opacity: 0;}  
  100% {opacity: 1;}  
}  
  
@keyframes fadeIn {  
  0% {opacity: 0;}  
  100% {opacity: 1;}  
}  
  
.fadeIn {  
  -webkit-animation-name: fadeIn;  
          animation-name: fadeIn;  
}  
  
@-webkit-keyframes fadeInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInDown {  
  -webkit-animation-name: fadeInDown;  
          animation-name: fadeInDown;  
}  
  
@-webkit-keyframes fadeInDownBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInDownBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInDownBig {  
  -webkit-animation-name: fadeInDownBig;  
          animation-name: fadeInDownBig;  
}  
  
@-webkit-keyframes fadeInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInLeft {  
  -webkit-animation-name: fadeInLeft;  
          animation-name: fadeInLeft;  
}  
  
@-webkit-keyframes fadeInLeftBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInLeftBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInLeftBig {  
  -webkit-animation-name: fadeInLeftBig;  
          animation-name: fadeInLeftBig;  
}  
  
@-webkit-keyframes fadeInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInRight {  
  -webkit-animation-name: fadeInRight;  
          animation-name: fadeInRight;  
}  
  
@-webkit-keyframes fadeInRightBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInRightBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInRightBig {  
  -webkit-animation-name: fadeInRightBig;  
          animation-name: fadeInRightBig;  
}  
  
@-webkit-keyframes fadeInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInUp {  
  -webkit-animation-name: fadeInUp;  
          animation-name: fadeInUp;  
}  
  
@-webkit-keyframes fadeInUpBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes fadeInUpBig {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.fadeInUpBig {  
  -webkit-animation-name: fadeInUpBig;  
          animation-name: fadeInUpBig;  
}  
  
@-webkit-keyframes fadeOut {  
  0% {opacity: 1;}  
  100% {opacity: 0;}  
}  
  
@keyframes fadeOut {  
  0% {opacity: 1;}  
  100% {opacity: 0;}  
}  
  
.fadeOut {  
  -webkit-animation-name: fadeOut;  
          animation-name: fadeOut;  
}  
  
@-webkit-keyframes fadeOutDown {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
}  
  
@keyframes fadeOutDown {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 100%, 0);  
            transform: translate3d(0, 100%, 0);  
  }  
}  
  
.fadeOutDown {  
  -webkit-animation-name: fadeOutDown;  
          animation-name: fadeOutDown;  
}  
  
@-webkit-keyframes fadeOutDownBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
@keyframes fadeOutDownBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, 2000px, 0);  
            transform: translate3d(0, 2000px, 0);  
  }  
}  
  
.fadeOutDownBig {  
  -webkit-animation-name: fadeOutDownBig;  
          animation-name: fadeOutDownBig;  
}  
  
@-webkit-keyframes fadeOutLeft {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
}  
  
@keyframes fadeOutLeft {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0);  
            transform: translate3d(-100%, 0, 0);  
  }  
}  
  
.fadeOutLeft {  
  -webkit-animation-name: fadeOutLeft;  
          animation-name: fadeOutLeft;  
}  
  
@-webkit-keyframes fadeOutLeftBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
@keyframes fadeOutLeftBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(-2000px, 0, 0);  
            transform: translate3d(-2000px, 0, 0);  
  }  
}  
  
.fadeOutLeftBig {  
  -webkit-animation-name: fadeOutLeftBig;  
          animation-name: fadeOutLeftBig;  
}  
  
@-webkit-keyframes fadeOutRight {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
}  
  
@keyframes fadeOutRight {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0);  
            transform: translate3d(100%, 0, 0);  
  }  
}  
  
.fadeOutRight {  
  -webkit-animation-name: fadeOutRight;  
          animation-name: fadeOutRight;  
}  
  
@-webkit-keyframes fadeOutRightBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
@keyframes fadeOutRightBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(2000px, 0, 0);  
            transform: translate3d(2000px, 0, 0);  
  }  
}  
  
.fadeOutRightBig {  
  -webkit-animation-name: fadeOutRightBig;  
          animation-name: fadeOutRightBig;  
}  
  
@-webkit-keyframes fadeOutUp {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
}  
  
@keyframes fadeOutUp {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -100%, 0);  
            transform: translate3d(0, -100%, 0);  
  }  
}  
  
.fadeOutUp {  
  -webkit-animation-name: fadeOutUp;  
          animation-name: fadeOutUp;  
}  
  
@-webkit-keyframes fadeOutUpBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
@keyframes fadeOutUpBig {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(0, -2000px, 0);  
            transform: translate3d(0, -2000px, 0);  
  }  
}  
  
.fadeOutUpBig {  
  -webkit-animation-name: fadeOutUpBig;  
          animation-name: fadeOutUpBig;  
}  
  
@-webkit-keyframes flip {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  50% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
            transform: perspective(400px) scale3d(.95, .95, .95);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
}  
  
@keyframes flip {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);  
    -webkit-animation-timing-function: ease-out;  
            animation-timing-function: ease-out;  
  }  
  
  50% {  
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);  
            transform: perspective(400px) scale3d(.95, .95, .95);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
    -webkit-animation-timing-function: ease-in;  
            animation-timing-function: ease-in;  
  }  
}  
  
.animated.flip {  
  -webkit-backface-visibility: visible;  
          backface-visibility: visible;  
  -webkit-animation-name: flip;  
          animation-name: flip;  
}  
  
@-webkit-keyframes flipInX {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
@keyframes flipInX {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
.flipInX {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipInX;  
          animation-name: flipInX;  
}  
  
@-webkit-keyframes flipInY {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
@keyframes flipInY {  
  0% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
    opacity: 0;  
  }  
  
  40% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);  
    -webkit-transition-timing-function: ease-in;  
            transition-timing-function: ease-in;  
  }  
  
  60% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  
  }  
  
  100% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
}  
  
.flipInY {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipInY;  
          animation-name: flipInY;  
}  
  
@-webkit-keyframes flipOutX {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes flipOutX {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
.flipOutX {  
  -webkit-animation-name: flipOutX;  
          animation-name: flipOutX;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
}  
  
@-webkit-keyframes flipOutY {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes flipOutY {  
  0% {  
    -webkit-transform: perspective(400px);  
            transform: perspective(400px);  
  }  
  
  30% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);  
    opacity: 0;  
  }  
}  
  
.flipOutY {  
  -webkit-backface-visibility: visible !important;  
          backface-visibility: visible !important;  
  -webkit-animation-name: flipOutY;  
          animation-name: flipOutY;  
  -webkit-animation-duration: .75s;  
          animation-duration: .75s;  
}  
  
@-webkit-keyframes lightSpeedIn {  
  0% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
            transform: translate3d(100%, 0, 0) skewX(-30deg);  
    opacity: 0;  
  }  
  
  60% {  
    -webkit-transform: skewX(20deg);  
            transform: skewX(20deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: skewX(-5deg);  
            transform: skewX(-5deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes lightSpeedIn {  
  0% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);  
            transform: translate3d(100%, 0, 0) skewX(-30deg);  
    opacity: 0;  
  }  
  
  60% {  
    -webkit-transform: skewX(20deg);  
            transform: skewX(20deg);  
    opacity: 1;  
  }  
  
  80% {  
    -webkit-transform: skewX(-5deg);  
            transform: skewX(-5deg);  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.lightSpeedIn {  
  -webkit-animation-name: lightSpeedIn;  
          animation-name: lightSpeedIn;  
  -webkit-animation-timing-function: ease-out;  
          animation-timing-function: ease-out;  
}  
  
@-webkit-keyframes lightSpeedOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
            transform: translate3d(100%, 0, 0) skewX(30deg);  
    opacity: 0;  
  }  
}  
  
@keyframes lightSpeedOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);  
            transform: translate3d(100%, 0, 0) skewX(30deg);  
    opacity: 0;  
  }  
}  
  
.lightSpeedOut {  
  -webkit-animation-name: lightSpeedOut;  
          animation-name: lightSpeedOut;  
  -webkit-animation-timing-function: ease-in;  
          animation-timing-function: ease-in;  
}  
  
@-webkit-keyframes rotateIn {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, -200deg);  
            transform: rotate3d(0, 0, 1, -200deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateIn {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, -200deg);  
            transform: rotate3d(0, 0, 1, -200deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateIn {  
  -webkit-animation-name: rotateIn;  
          animation-name: rotateIn;  
}  
  
@-webkit-keyframes rotateInDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInDownLeft {  
  -webkit-animation-name: rotateInDownLeft;  
          animation-name: rotateInDownLeft;  
}  
  
@-webkit-keyframes rotateInDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInDownRight {  
  -webkit-animation-name: rotateInDownRight;  
          animation-name: rotateInDownRight;  
}  
  
@-webkit-keyframes rotateInUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInUpLeft {  
  -webkit-animation-name: rotateInUpLeft;  
          animation-name: rotateInUpLeft;  
}  
  
@-webkit-keyframes rotateInUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -90deg);  
            transform: rotate3d(0, 0, 1, -90deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
@keyframes rotateInUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -90deg);  
            transform: rotate3d(0, 0, 1, -90deg);  
    opacity: 0;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: none;  
            transform: none;  
    opacity: 1;  
  }  
}  
  
.rotateInUpRight {  
  -webkit-animation-name: rotateInUpRight;  
          animation-name: rotateInUpRight;  
}  
  
@-webkit-keyframes rotateOut {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, 200deg);  
            transform: rotate3d(0, 0, 1, 200deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOut {  
  0% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: center;  
            transform-origin: center;  
    -webkit-transform: rotate3d(0, 0, 1, 200deg);  
            transform: rotate3d(0, 0, 1, 200deg);  
    opacity: 0;  
  }  
}  
  
.rotateOut {  
  -webkit-animation-name: rotateOut;  
          animation-name: rotateOut;  
}  
  
@-webkit-keyframes rotateOutDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutDownLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 45deg);  
            transform: rotate3d(0, 0, 1, 45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutDownLeft {  
  -webkit-animation-name: rotateOutDownLeft;  
          animation-name: rotateOutDownLeft;  
}  
  
@-webkit-keyframes rotateOutDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutDownRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutDownRight {  
  -webkit-animation-name: rotateOutDownRight;  
          animation-name: rotateOutDownRight;  
}  
  
@-webkit-keyframes rotateOutUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutUpLeft {  
  0% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: left bottom;  
            transform-origin: left bottom;  
    -webkit-transform: rotate3d(0, 0, 1, -45deg);  
            transform: rotate3d(0, 0, 1, -45deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutUpLeft {  
  -webkit-animation-name: rotateOutUpLeft;  
          animation-name: rotateOutUpLeft;  
}  
  
@-webkit-keyframes rotateOutUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 90deg);  
            transform: rotate3d(0, 0, 1, 90deg);  
    opacity: 0;  
  }  
}  
  
@keyframes rotateOutUpRight {  
  0% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform-origin: right bottom;  
            transform-origin: right bottom;  
    -webkit-transform: rotate3d(0, 0, 1, 90deg);  
            transform: rotate3d(0, 0, 1, 90deg);  
    opacity: 0;  
  }  
}  
  
.rotateOutUpRight {  
  -webkit-animation-name: rotateOutUpRight;  
          animation-name: rotateOutUpRight;  
}  
  
@-webkit-keyframes hinge {  
  0% {  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  20%, 60% {  
    -webkit-transform: rotate3d(0, 0, 1, 80deg);  
            transform: rotate3d(0, 0, 1, 80deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  40%, 80% {  
    -webkit-transform: rotate3d(0, 0, 1, 60deg);  
            transform: rotate3d(0, 0, 1, 60deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 700px, 0);  
            transform: translate3d(0, 700px, 0);  
    opacity: 0;  
  }  
}  
  
@keyframes hinge {  
  0% {  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  20%, 60% {  
    -webkit-transform: rotate3d(0, 0, 1, 80deg);  
            transform: rotate3d(0, 0, 1, 80deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
  }  
  
  40%, 80% {  
    -webkit-transform: rotate3d(0, 0, 1, 60deg);  
            transform: rotate3d(0, 0, 1, 60deg);  
    -webkit-transform-origin: top left;  
            transform-origin: top left;  
    -webkit-animation-timing-function: ease-in-out;  
            animation-timing-function: ease-in-out;  
    opacity: 1;  
  }  
  
  100% {  
    -webkit-transform: translate3d(0, 700px, 0);  
            transform: translate3d(0, 700px, 0);  
    opacity: 0;  
  }  
}  
  
.hinge {  
  -webkit-animation-name: hinge;  
          animation-name: hinge;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes rollIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
@keyframes rollIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  
  }  
  
  100% {  
    opacity: 1;  
    -webkit-transform: none;  
            transform: none;  
  }  
}  
  
.rollIn {  
  -webkit-animation-name: rollIn;  
          animation-name: rollIn;  
}  
  
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  
  
@-webkit-keyframes rollOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
  }  
}  
  
@keyframes rollOut {  
  0% {  
    opacity: 1;  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  
  }  
}  
  
.rollOut {  
  -webkit-animation-name: rollOut;  
          animation-name: rollOut;  
}  
  
@-webkit-keyframes zoomIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  50% {  
    opacity: 1;  
  }  
}  
  
@keyframes zoomIn {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  50% {  
    opacity: 1;  
  }  
}  
  
.zoomIn {  
  -webkit-animation-name: zoomIn;  
          animation-name: zoomIn;  
}  
  
@-webkit-keyframes zoomInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInDown {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInDown {  
  -webkit-animation-name: zoomInDown;  
          animation-name: zoomInDown;  
}  
  
@-webkit-keyframes zoomInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInLeft {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInLeft {  
  -webkit-animation-name: zoomInLeft;  
          animation-name: zoomInLeft;  
}  
  
@-webkit-keyframes zoomInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInRight {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInRight {  
  -webkit-animation-name: zoomInRight;  
          animation-name: zoomInRight;  
}  
  
@-webkit-keyframes zoomInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomInUp {  
  0% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  60% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomInUp {  
  -webkit-animation-name: zoomInUp;  
          animation-name: zoomInUp;  
}  
  
@-webkit-keyframes zoomOut {  
  0% {  
    opacity: 1;  
  }  
  
  50% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  100% {  
    opacity: 0;  
  }  
}  
  
@keyframes zoomOut {  
  0% {  
    opacity: 1;  
  }  
  
  50% {  
    opacity: 0;  
    -webkit-transform: scale3d(.3, .3, .3);  
            transform: scale3d(.3, .3, .3);  
  }  
  
  100% {  
    opacity: 0;  
  }  
}  
  
.zoomOut {  
  -webkit-animation-name: zoomOut;  
          animation-name: zoomOut;  
}  
  
@-webkit-keyframes zoomOutDown {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomOutDown {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomOutDown {  
  -webkit-animation-name: zoomOutDown;  
          animation-name: zoomOutDown;  
}  
  
@-webkit-keyframes zoomOutLeft {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
            transform: scale(.1) translate3d(-2000px, 0, 0);  
    -webkit-transform-origin: left center;  
            transform-origin: left center;  
  }  
}  
  
@keyframes zoomOutLeft {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);  
            transform: scale(.1) translate3d(-2000px, 0, 0);  
    -webkit-transform-origin: left center;  
            transform-origin: left center;  
  }  
}  
  
.zoomOutLeft {  
  -webkit-animation-name: zoomOutLeft;  
          animation-name: zoomOutLeft;  
}  
  
@-webkit-keyframes zoomOutRight {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
            transform: scale(.1) translate3d(2000px, 0, 0);  
    -webkit-transform-origin: right center;  
            transform-origin: right center;  
  }  
}  
  
@keyframes zoomOutRight {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);  
            transform: scale(.1) translate3d(2000px, 0, 0);  
    -webkit-transform-origin: right center;  
            transform-origin: right center;  
  }  
}  
  
.zoomOutRight {  
  -webkit-animation-name: zoomOutRight;  
          animation-name: zoomOutRight;  
}  
  
@-webkit-keyframes zoomOutUp {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
@keyframes zoomOutUp {  
  40% {  
    opacity: 1;  
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);  
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);  
  }  
  
  100% {  
    opacity: 0;  
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);  
    -webkit-transform-origin: center bottom;  
            transform-origin: center bottom;  
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);  
  }  
}  
  
.zoomOutUp {  
  -webkit-animation-name: zoomOutUp;  
          animation-name: zoomOutUp;  
}  
  
@-webkit-keyframes slideInDown {  
  0% {  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
@keyframes slideInDown {  
  0% {  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
.slideInDown {  
  -webkit-animation-name: slideInDown;  
          animation-name: slideInDown;  
}  
  
@-webkit-keyframes slideInLeft {  
  0% {  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
@keyframes slideInLeft {  
  0% {  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
.slideInLeft {  
  -webkit-animation-name: slideInLeft;  
          animation-name: slideInLeft;  
}  
  
@-webkit-keyframes slideInRight {  
  0% {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
@keyframes slideInRight {  
  0% {  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
}  
  
.slideInRight {  
  -webkit-animation-name: slideInRight;  
          animation-name: slideInRight;  
}  
  
@-webkit-keyframes slideInUp {  
  0% {  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
@keyframes slideInUp {  
  0% {  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
    visibility: visible;  
  }  
  
  100% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
}  
  
.slideInUp {  
  -webkit-animation-name: slideInUp;  
          animation-name: slideInUp;  
}  
  
@-webkit-keyframes slideOutDown {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
  }  
}  
  
@keyframes slideOutDown {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(100%);  
            transform: translateY(100%);  
  }  
}  
  
.slideOutDown {  
  -webkit-animation-name: slideOutDown;  
          animation-name: slideOutDown;  
}  
  
@-webkit-keyframes slideOutLeft {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
  }  
}  
  
@keyframes slideOutLeft {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(-100%);  
            transform: translateX(-100%);  
  }  
}  
  
.slideOutLeft {  
  -webkit-animation-name: slideOutLeft;  
          animation-name: slideOutLeft;  
}  
  
@-webkit-keyframes slideOutRight {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
  }  
}  
  
@keyframes slideOutRight {  
  0% {  
    -webkit-transform: translateX(0);  
            transform: translateX(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateX(100%);  
            transform: translateX(100%);  
  }  
}  
  
.slideOutRight {  
  -webkit-animation-name: slideOutRight;  
          animation-name: slideOutRight;  
}  
  
@-webkit-keyframes slideOutUp {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
  }  
}  
  
@keyframes slideOutUp {  
  0% {  
    -webkit-transform: translateY(0);  
            transform: translateY(0);  
  }  
  
  100% {  
    visibility: hidden;  
    -webkit-transform: translateY(-100%);  
            transform: translateY(-100%);  
  }  
}  
  
.slideOutUp {  
  -webkit-animation-name: slideOutUp;  
          animation-name: slideOutUp;  
}